<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
 				xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
  				xmlns:c="http://java.sun.com/jstl/core" xmlns:p="http://primefaces.org/ui">
  				

	<p:dialog id="dlgRegistrarRegla" width="800" height="600"  modal="true" closable="true" resizable="false" widgetVar="dlgRegistrarRegla"
	
	header="NUEVA REGLA">
		<h:panelGrid columns="2" cellpadding="3" cellspacing="3" >
			<h:panelGrid columns="2" cellpadding="3" cellspacing="3"  columnClasses="anchoGeneralInputText3, anchoGeneralInputText2">
				<h:outputLabel value="Nombre" styleClass="anchoGeneralInputText3" />
				<p:inputText  styleClass="anchoGeneralInputText2"/>
				<h:outputLabel value="Nombre Guvnor" styleClass="anchoGeneralInputText3" />
				<p:inputText styleClass="anchoGeneralInputText2"/>
				<h:outputLabel value="Tipo Ejecucion" styleClass="anchoGeneralInputText3" />
				<p:selectOneMenu  id="cboTipoEjecucionDTO" value="#{reglaBean.reglaDTO.idTipoEjecucion}"> 
				  				<f:selectItems value="#{listadoBean.getListaTipoEjecucion()}"
									var="selectItem" itemLabel="#{selectItem.label}"
									itemValue="#{selectItem.value}" />
									<p:ajax update="frmReglas:pnlPrincipal" 
									event="change" listener="#{reglaBean.generarControles}"/>
			  	</p:selectOneMenu>
				
			</h:panelGrid>
			<h:panelGrid columns="1" cellpadding="2" cellspacing="2"  columnClasses="textBox200 !important">
				<h:outputLabel value="Descripcion" styleClass="textBox200 !important"/>
				<p:inputTextarea  rows="5" cols="33" autoResize="false" styleClass="texArea200 !important"/> 
			</h:panelGrid>
		</h:panelGrid>
		<h:panelGrid id="pnlPrincipal" >	 
		<p:fieldset  rendered="#{reglaBean.bolRenderedTipoEjecucion}" id="fsFuenteEntrada" legend="Fuente Entrada" style="width:725px;height:370px;">
				 
				<div style="text-align: right;">
					<p:commandButton  value="#{label['default.label.btnAgregar']}" action="#{reglaBean.agregarRelacion}"  
	  					 update="frmReglas:tblReglaFuentes"/>
				</div>
				<p:spacer width="5"/> 
				
				<p:dataTable id="tblReglaFuentes" value="#{reglaBean.listaReglaFuenteDTO}" var="reglaFuenteDTO" paginator="true" 
					style="width:730px"  rows="5" editable="true" editMode="cell" rowIndexVar = "rowInfo" lazy="true" dynamic="true" widgetVar="tblReglaFuentes" 
					emptyMessage="#{label['default.emty.busqueda']}" rowKey="detalleFuenteTxtDTO.idDetalleFuente"  >   		   			
		   				
		   				<p:column style="width:20px; text-align: center;">
				   				<f:facet name="header">  
								      <h:outputText value="Item" />  
								</f:facet>  
								<h:outputText value="#{reglaFuenteDTO.item}"  />					
						</p:column>
						
		   				<p:column style="width:200px !important">
				   				<f:facet name="header">  
								      <h:outputText value="Fuentes Entrada" />  
								</f:facet>  
								<p:selectOneMenu style="width: 200px !important;text-align: left;" value="#{reglaFuenteDTO.idFuente}" >
								  	<f:selectItems style="width:200px !important;text-align: left;" value="#{reglaBean.listaFuentesDTO}" var="selectItem" 
								  	itemLabel="#{selectItem.label}" itemValue="#{selectItem.value}" /> 
					  			</p:selectOneMenu>						
						</p:column>
		   				
		   				<p:column style="width:200px !important">
				   				<f:facet name="header">  
								      <h:outputText value="Entidades Salida" />  
								</f:facet>  
								<p:selectOneMenu style="width:200px !important;text-align: left;" value="#{reglaFuenteDTO.claseEntidad}" >
								  	<f:selectItems style="width:200px !important;text-align: left;" value="#{reglaBean.listaEntidadesDTO}" var="selectLabel" 
								  	itemLabel="#{selectLabel.label}" itemValue="#{selectLabel.idLabel}" /> 
					  			</p:selectOneMenu>						
						</p:column>
						  						
					<p:column  style="text-align: center;width:70px;">
				   				<f:facet name="header">  
						      <h:outputText value="Acciones" /> 
						</f:facet>
								<p:spacer width="5"/> 	
								<h:panelGrid columns="2" cellpadding="0" cellspacing="0" >
							<p:commandButton  value="#{label['default.label.btnRelacionar']}" action="#{reglaBean.relacionarFuenteSalida}" onclick="dlgRelacion.show()" >
							</p:commandButton> 
							
							<p:commandButton  value="#{label['default.label.btnEliminar']}" action="#{reglaBean.eliminarReglaFuente}" update=":frmReglas:tblReglaFuentes" >
								<f:setPropertyActionListener target="#{reglaBean.idReglaFuente}" value="#{reglaFuenteDTO.item}" />
							</p:commandButton>
							</h:panelGrid>
									
												
						</p:column>
					</p:dataTable>
				
		</p:fieldset>
		
		<p:fieldset rendered="#{reglaBean.bolRenderedTipoEjecucion}" id="fsFuenteSalida" legend="Fuente Salida" style="width:725px;height:100px;">
			<h:panelGrid columns="4" cellpadding="2" cellspacing="2"  columnClasses="anchoGeneralInputText3, anchoGeneralInputText2, anchoGeneralInputText3, anchoGeneralInputText2, anchoGeneralInputTextFecha">
			
				
				<h:outputLabel value="Entidad Saldida" styleClass="anchoGeneralInputText3" />
				<p:selectOneMenu style="width: 98% !important;text-align: left;"  >
								  	<f:selectItems value="#{reglaBean.listaEntidadesDTO}" var="selectLabel" 
								  	itemLabel="#{selectLabel.label}" itemValue="#{selectLabel.idLabel}" /> 
				</p:selectOneMenu>	
				<h:outputLabel value="Fuente Salida" styleClass="anchoGeneralInputText3" />
				<p:selectOneMenu style="width: 98% !important;text-align: left;"  >
								  	<f:selectItems value="#{reglaBean.listaFuentesDTO}" var="selectItem" 
								  	itemLabel="#{selectItem.label}" itemValue="#{selectItem.value}" /> 
				</p:selectOneMenu>	

					
			</h:panelGrid>
			<div style="text-align: right;">
			<p:commandButton  value="#{label['default.label.btnRelacionar']}" action="#{reglaBean.relacionarFuenteSalida}"  onclick="dlgRelacion.show()"
	  					 /></div>
		</p:fieldset>
		</h:panelGrid>	
		<p:spacer width="10"/> 
		<div align="right">
							<p:commandButton  value="#{label['default.label.btnTest']}" action="#{reglaBean.relacionarFuenteSalida}" >
							</p:commandButton> 
							<p:spacer width="5"/> 
							<p:commandButton  value="#{label['default.label.btnGuardar']}" action="#{reglaBean.eliminarReglaFuente}" update=":frmReglas:tblReglaFuentes" >
							
							</p:commandButton>
							<p:spacer width="5"/> 
							<p:commandButton  value="#{label['default.label.btnCancelar']}" onclick="dlgRegistrarRegla.hide()" update=":frmReglas:tblReglaFuentes" >
							
							</p:commandButton>
							</div> 
							<p:spacer width="10"/> 
	
	</p:dialog>
	 
	
	<p:dialog id="dlgRelacion" width="500" height="370"  modal="true" closable="true" resizable="false" widgetVar="dlgRelacion"
	header="FUENTE VS ENTIDAD" styleClass="centrarAlert">
		<p:fieldset  id="fsFuenteVsEntidad" legend="Relacionar Fuente Vs Entidad" style="width:450px;height:350px;">
		
			<p:dataTable id="tblRelacionFuenteEntidad" value="#{reglaBean.listaRelacionFuenteEntidadDTO}" var="relacionFuenteEntidadDTO" paginator="true" 
					rows="5" editable="true" editMode="cell" rowIndexVar = "rowInfo" lazy="true" dynamic="true" widgetVar="tblReglaFuentes" 
					emptyMessage="#{label['default.emty.busqueda']}" >   		   			
		   				
		   				<p:column style="width:6%; text-align: center;">
				   				<f:facet name="header">  
								      <h:outputText value="Item" />  
								</f:facet>  
								<h:outputText value="#{relacionFuenteEntidadDTO.item}"  />					
						</p:column>
						
		   				<p:column style="width:30%;">
				   				<f:facet name="header">  
								      <h:outputText value="Campos Fuente" />  
								</f:facet>  
								<p:selectOneMenu style="width: 95% !important;text-align: left;" value="#{reglaFuenteDTO.idFuente}" >
								  	<f:selectItems value="#{reglaBean.listaFuentesDTO}" var="selectItem" 
								  	itemLabel="#{selectItem.label}" itemValue="#{selectItem.value}" /> 
					  			</p:selectOneMenu>						
						</p:column>
		   				
		   				<p:column style="width:30%;">
				   				<f:facet name="header">  
								      <h:outputText value="Campos Entidad" />  
								</f:facet>  
								<p:selectOneMenu style="width: 95% !important;text-align: left;" value="#{reglaFuenteDTO.claseEntidad}" >
								  	<f:selectItems value="#{reglaBean.listaEntidadesDTO}" var="selectLabel" 
								  	itemLabel="#{selectLabel.label}" itemValue="#{selectLabel.idLabel}" /> 
					  			</p:selectOneMenu>						
						</p:column>
						  						
					
					</p:dataTable>
					<p:spacer width="10"/> 
						<div align="right">
							
							<p:commandButton  value="#{label['default.label.btnGuardar']}" >
							
							</p:commandButton>
							<p:spacer width="5"/> 
							<p:commandButton  value="#{label['default.label.btnCancelar']}" onclick="dlgRelacion.hide()">
							
							</p:commandButton>
						</div> 
		</p:fieldset>
	</p:dialog>
</ui:composition>